.auth-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - 200px);
  padding: 2rem;

  .auth-card {
    width: 100%;
    max-width: 400px;
    border: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

    .card-body {
      padding: 2rem;
    }

    h2 {
      color: #3a4a6b;
      font-weight: 600;
    }

    .form-control {
      height: 45px;
      border-radius: 4px;
      border: 1px solid #ddd;

      &:focus {
        border-color: #3a4a6b;
        box-shadow: 0 0 0 0.2rem rgba(58, 74, 107, 0.25);
      }
    }

    .btn-primary {
      background-color: #3a4a6b; /* 原始颜色 */
      border-color: #3a4a6b;
    }

    .btn-primary:hover {
      background-color: #2a3a5b; /* 手动计算的深色版本 */
      border-color: #2a3a5b;
    }

    .invalid-feedback {
      display: block;
    }
  }
}
